/*Top*/
.Top{ position: fixed;
	left: 0;
	top: 0;
	z-index: 8;
	width:100%;
	margin:0 auto;
	transition-duration: 0.5s;background: rgba(255,255,255,0.9);box-shadow: 0 0px 10px rgba(0,0,0,0.5);
	}

.Top.small{background: #fff;background: rgba(255,255,255,0.9);box-shadow: 0 0px 10px rgba(0,0,0,0.5);}

.Top .MainNav ul li a{color:#023D9B;}

.Top .logo{
	float: left;
	display: inline;
	margin-top: 12px;
}

.Top .logo img{height:36px;}


.Top img{
	border: 0;
    max-width: 100%;
    vertical-align: top;
}

.Top .top_nav{
	width:1100px;height:60px;margin:0 auto;
}

.Top .slide_bg{
	z-index:7;
	position:absolute;
	left:0;
	top:127px;
	background:#fff;
	overflow:hidden;
	width:100%;
	height:0;
	font-size:14px;
	-moz-box-shadow:0px 5px 10px rgba(0,0,0,0.5) inset;
	          /* For Firefox3.6+ */
	-webkit-box-shadow:0px 5px 10px rgba(0,0,0,0.5) inset;
	       /* For Chrome5+, Safari5+ */
	box-shadow:0px 5px 10px rgba(0,0,0,0.5) inset;
	               /* For Latest Opera */
}

.Top .slide{ overflow:hidden;
	width:100%;}

.Top .slide .con{ padding:30px 0 25px;
	overflow:hidden;width:1100px;margin:0 auto;}

.MainNav { height: 60px;}

.MainNav ul li{ float:left;}

.MainNav ul li .navA{ color:#fff;
	font-size:1.3em;
	padding:0 15px;
	display:inline-block;
	line-height:60px;
	text-decoration:none;}


.MainNav ul li .navA:hover,.MainNav ul li.onnav .navA{ color:#d00;
	border-bottom:0px solid #2a89ed;}

.MainNav,.Top_Hotline{ float:right;}
/*.Top .slide .a{ filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	-webkit-filter: grayscale(1);}*/

.Top .top_tel{position:relative;float: right;color:#c00;font-size: 18px;line-height: 60px;font-weight: bold;padding-left: 35px;margin-left:20px;}
.Top .top_tel img{position: absolute;top:15px;left:0;}

.Top .slide a span{ display:block;
	padding-top:20px;}

.Top .slide a.a1{ border-left:none;}


.Top .slide1{ height:199px;text-align:center;width:100%;}

.Top .slide1 div{width:13%;text-align:center;display:inline-block;border-left:1px solid #f2f2f2;}

.Top .slide1 .con{ padding:40px 0;
	text-align:center;width:1100px;margin:0 auto;border:0;}

.Top .slide1 a{ display:inline-block;
	padding:16px 0;
	}




.Top .slide2{ height:356px;}

.Top .slide2 .right{ float:right;
	width:80%;
	overflow:hidden;
	display:none;
	min-height:50px;}

.Top .slide2 .right.block{ display:block;}

.Top .slide2 .right .div{ width:300px;
	float:left;
	margin-left:95px;}

.Top .slide2 .right .div .img{ width:300px;
	height:213px;
	overflow:hidden;}

.Top .slide2 .right .div .title{ color:#2a89ed;
	font-weight:bold;
	padding:20px 0 10px;}

.Top .slide2 .right .div .txt{ font-size:12px;
	height:55px;
	position:relative;word-wrap: break-word;word-break: break-all;}

.Top .slide2 .right .div .txt em{ position:absolute;
	left:0;
	bottom:0;
	width:60px;
	height:3px;
	background:#2a89ed;}

.Top .slide2 .left{ float:left;
	line-height:22px;}

.Top .slide2 .left a{ display:block;
	width:120px;
	padding-left:19px;
	font-size:15px;
	font-weight:bold;
	margin:20px 0 0;}

.Top .slide2 .left a.a_bg,.Top .slide2 .left a:hover{ background:url(../images/bg1.jpg) no-repeat left center;
	color:#2a89ed;}

.Top .slide2 .right ul li{float:left;width:18%;height:160px;margin-left:2%;text-align:center;}

.Top .slide2 .right ul li img{height:120px;}

.Top .slide3{ height:190px;}

.Top .slide3 .con{ padding:15px 0;}

.Top .slide3 .right{ float:right;
	width:80%;
	overflow:hidden;}

.Top .slide3 .right .list{ display:none;}

.Top .slide3 .right .list1{ width:800px;
	display:block;}

.Top .slide3 .right .list1 a{ display:block;
	float:left;
	background:url(../images/case_area2.png) no-repeat;
	padding-top:20px;
	width:101px;
	height:30px;
	text-indent:56px;
	margin:15px 0 15px 40px;
	line-height:30px;}

.Top .slide3 .right .list1 a:hover{ color:#fff;}

.Top .slide3 .right .list2{ overflow:hidden;
	padding-top:15px;}

.Top .slide3 .right .list2 a{ display:block;
	line-height:54px;
	width:141px;
	float:left;
	font-size:14px;}

.Top .slide3 .right .list1 .guangzhou{ background-position:0 0;}

.Top .slide3 .right .list1 .guangzhou:hover{ background-position:0 -50px;}

.Top .slide3 .right .list1 .shenzhen{ background-position:-101px 0;}

.Top .slide3 .right .list1 .shenzhen:hover{ background-position:-101px -50px;}

.Top .slide3 .right .list1 .xiamen{ background-position:-202px 0;}

.Top .slide3 .right .list1 .xiamen:hover{ background-position:-202px -50px;}

.Top .slide3 .right .list1 .shanghai{ background-position:-303px 0;}

.Top .slide3 .right .list1 .shanghai:hover{ background-position:-303px -50px;}

.Top .slide3 .right .list1 .hefei{ background-position:-404px 0;}

.Top .slide3 .right .list1 .hefei:hover{ background-position:-404px -50px;}

.Top .slide3 .right .list1 .foshan{ background-position:-505px 0;}

.Top .slide3 .right .list1 .foshan:hover{ background-position:-505px -50px;}

.Top .slide3 .right .list1 .dongguan{ background-position:-606px 0;}

.Top .slide3 .right .list1 .dongguan:hover{ background-position:-606px -50px;}

.Top .slide3 .right .list1 .beijing{ background-position:-707px 0;}

.Top .slide3 .right .list1 .beijing:hover{ background-position:-707px -50px;}

.Top .slide3 .right .list1 .zhongshan{ background-position:-808px 0;}

.Top .slide3 .right .list1 .zhongshan:hover{ background-position:-808px -50px;}

.Top .slide3 .right .list1 .zhuhai{ background-position:-909px 0;}

.Top .slide3 .right .list1 .zhuhai:hover{ background-position:-909px -50px;}

.Top .slide3 .right .list1 .wuhu{ background-position:-1010px 0;}

.Top .slide3 .right .list1 .wuhu:hover{ background-position:-1010px -50px;}

.Top .slide3 .right .list1 .wuhan{ background-position:-1111px 0;}

.Top .slide3 .right .list1 .wuhan:hover{ background-position:-1111px -50px;}

.Top .slide3 .right .list1 .quanzhou{ background-position:-1212px 0;}

.Top .slide3 .right .list1 .quanzhou:hover{ background-position:-1212px -50px;}

.Top .slide3 .left{ float:left;}

.Top .slide3 .left a{ display:block;
	width:120px;
	padding-left:19px;
	font-size:16px;
	font-weight:bold;
	margin:30px 0 0;}

.Top .slide3 .left a.a_bg,.Top .slide3 .left a:hover{ background:url(../images/bg1.jpg) no-repeat left center;
	color:#2a89ed;}


.Top .slide4{ height:212px;}

.Top .slide4 .right{ float:right;
	width:80%;
	text-align:left;}

.Top .slide4 .right .list{ display:none;}

.Top .slide4 .right .list1{ display:block;}

.Top .slide4 .right .list1 a{ width:22%;
	padding-left:2%;
	text-align:center;
	display:inline-block;}

.Top .slide4 .right .list2 a{ width:22%;
	padding-left:2%;
	text-align:center;
	display:inline-block;}

.Top .slide4 .right .list3{ border-right:1px solid #2a89ed;
	overflow:hidden;
	text-align:left;}

.Top .slide4 .right .list3 a{ display:inline-block;
	width:154px;
	border-left:1px solid #2a89ed;
	text-align:center;
	padding-top:5px;
	height:105px;}

.Top .slide4 .right .list2 a span{ padding-top:25px;}

.Top .slide4 .left{ float:left;width:20%;}

.Top .slide4 .left a{ display:block;
	width:120px;
	padding-left:19px;
	font-size:16px;
	font-weight:bold;
	margin:20px 0 0;}

.Top .slide4 .left a.a_bg,.Top .slide4 .left a:hover{ background:url(../images/bg1.jpg) no-repeat left center;
	color:#2a89ed;}